/**
 * @Author:周邱艳
 * @Date:2020/6/30
 * @Description:这是首页的热点新闻
 */
import React,{Component} from "react";
import { Carousel,List ,Badge,Card } from 'antd-mobile';

const Item = List.Item;
const Brief = Item.Brief;


export default class HotNews extends Component{
    state = {
        disabled: false,
    }
    render() {
        return (
            <div >
                    <Card>
                        <Card.Header
                            title="平台公告"
                        />
                        <Card.Body style={{height:"80px"}}>
                            <div>
                                <Carousel
                                          vertical
                                          dots={false}
                                          dragging={false}
                                          swiping={false}
                                          autoplay
                                          infinite
                                >
                                    <div style={{height:"45px",lineHeight:"36px",width:"100%"}}>
                                        <List>
                                            <Item
                                                thumb={ <Badge text="热议" style={{ marginLeft: 12, padding: '0 3px', backgroundColor: '#21b68a', borderRadius: 2 }} />}

                                                onClick={() => {}}
                                            >权重蓝筹大涨，市场风格要切换了吗？</Item>
                                        </List>
                                    </div>
                                    <div style={{height:"45px",lineHeight:"36px",width:"100%"}}><List>
                                        <Item
                                            thumb={ <Badge text="推荐" style={{ marginLeft: 12, padding: '0 3px', backgroundColor: 'red', borderRadius: 2 }} />}

                                            onClick={() => {}}
                                        >10元就能买到好基金了吗？</Item>
                                    </List></div>
                                    <div style={{height:"45px",lineHeight:"36px",width:"100%"}}><List>
                                        <Item
                                            thumb={ <Badge text="体验" style={{ marginLeft: 12, padding: '0 3px', backgroundColor: '#f8a83f', borderRadius: 2 }} />}

                                            onClick={() => {}}
                                        >行情正起，跟着启明抓住机遇！</Item>
                                    </List></div>
                                </Carousel>
                            </div>
                        </Card.Body>
                    </Card>
            </div>
        );
    }
}

